﻿<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,maximum-scale=1,user-scalable=no">
    <title>1P</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <!-- 中间内容 -->
    <section class="">
        <!-- 轮播 -->
        <div class="swiper-container full2" id="slides">
            <ul class="swiper-wrapper">
                <li class="swiper-slide">
                    <a href="2p.html" class="textC j_16 bannerImg" title="" title=""><img src="images/title_u180.jpg" alt="" class="loadImg" alt="" /></a>
                </li>
                <li class="swiper-slide">
                    <a href="javascript:void(0);" class="textC j_16 bannerImg" title="" title=""><img src="images/title_u190.jpg"  alt="" class="loadImg" alt="" /></a>
                </li>
                <li class="swiper-slide">
                    <a href="javascript:void(0);" class="textC j_16 bannerImg" title="" title=""><img src="images/title_u200.jpg"  alt="" class="loadImg" alt="" /></a>
                </li>
            </ul>
            <div class="pagination"></div>
        </div>
        
        <div>
            <div class="titleBox">
                <img src="images/logo.png" class="logo">
                <div class="activeBtn">
                	<img src="images/u175.png" class="j_envelope">
                	<img src="images/u177.png">
                </div>
            </div>
            <ul class="clearfix foodsUl">
                <li class="foodLi">
                    <a href="javascript:void(0);" title="" class="db font32">
                        <span class="db j_1 photo"><img src="images/u105.jpg" src="" class="loadImg" alt="" /></span>
                        <span class="db color5e title font20">300/袋</span>
                        <span class="db colorR pirce">&yen;29.00</span>
                    </a>
                </li>
                <li class="foodLi">
                    <a href="javascript:void(0);" title="" class="db font32">
                        <span class="db j_1 photo"><img src="images/u112.jpg" src="" class="loadImg" alt="" /></span>
                        <span class="db color5e title font20">100/袋</span>
                        <span class="db colorR pirce">&yen;15.00</span>
                    </a>
                </li>
                <li class="foodLi">
                    <a href="javascript:void(0);" title="" class="db font32">
                        <span class="db j_1 photo"><img src="images/u105.jpg" src="" class="loadImg" alt="" /></span>
                        <span class="db color5e title font20">300/袋</span>
                        <span class="db colorR pirce">&yen;29.00</span>
                    </a>
                </li>
                <li class="foodLi">
                    <a href="javascript:void(0);" title="" class="db font32">
                        <span class="db j_1 photo"><img src="images/u112.jpg" src="" class="loadImg" alt="" /></span>
                        <span class="db color5e title font20">100/袋</span>
                        <span class="db colorR pirce">&yen;15.00</span>
                    </a>
                </li>
                <li class="foodLi">
                    <a href="javascript:void(0);" title="" class="db font32">
                        <span class="db j_1 photo"><img src="images/u105.jpg" src="" class="loadImg" alt="" /></span>
                        <span class="db color5e title font20">300/袋</span>
                        <span class="db colorR pirce">&yen;29.00</span>
                    </a>
                </li>
                <li class="foodLi">
                    <a href="javascript:void(0);" title="" class="db font32">
                        <span class="db j_1 photo"><img src="images/u112.jpg" src="" class="loadImg" alt="" /></span>
                        <span class="db color5e title font20">100/袋</span>
                        <span class="db colorR pirce">&yen;15.00</span>
                    </a>
                </li>
                <li class="foodLi">
                    <a href="javascript:void(0);" title="" class="db font32">
                        <span class="db j_1 photo"><img src="images/u105.jpg" src="" class="loadImg" alt="" /></span>
                        <span class="db color5e title font20">300/袋</span>
                        <span class="db colorR pirce">&yen;29.00</span>
                    </a>
                </li>
                <li class="foodLi">
                    <a href="javascript:void(0);" title="" class="db font32">
                        <span class="db j_1 photo"><img src="images/u112.jpg" src="" class="loadImg" alt="" /></span>
                        <span class="db color5e title font20">100/袋</span>
                        <span class="db colorR pirce">&yen;15.00</span>
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <div class="pop_bg"></div>
    <div class="pop_box saleBox">
        <span class="pop_close"></span>
        <img src="images/title_u180.jpg" class="w100">
        <div class="foodSale">
            <img src="images/u126.jpg" class="w50">
            <div class="textC w50">
                <span class="db line15 font46">茉莉蜜桃清口含片</span>
                <span class="db line15 color5e font30">43g/瓶</span>
                <span class="db line15 colorR font48">&yen;7.00</span>
                <div class="padTB375 line15">
                    <span class="dib w45 padTB375"><img src="images/zfb.png" class="w85"></span>
                    <span class="dib w45 padTB375"><img src="images/wx.png" class="w85"></span>
                </div>
            </div>
        </div>
    </div>
    
    <div class="pop_bg"></div>
    <div class="pop_box envelopeBox">
        <span class="pop_close"></span>
        <div class="foodSale">
            <img src="images/wx.png" class="w33">
            <div class="textL colorR w65">
                <span class="db line15 font46">拆红包说明：</span>
                <p class="content"> 1、微信扫一扫查询拆红包资格<br> 2、微信中直接拆红包，100%中奖<br> 3、奖品为本机在售商品直接掉落<br> 4、虚拟奖品请在微信中阅读说明<br>5、实物大奖请在微信中登记信息</p>
            </div>
        </div>
        <!-- 活动说明 -->
        <div class="wrapper font20">
            <span class="title">活动说明：</span>
            <p class="content"> &emsp;&emsp;有参与食尚客舱《分享送抽奖》活动，售卖机购买零食，参与【你敢玩，我敢送】活动用户，每人有三次获得红包机会，获得的红包通过分享到朋友圈召唤小伙伴前来拆红包。好友领取活动红包后可通过在食尚客舱售卖机拆红包，红包内含丰富奖品，更有机会获得iPhone7一部。<br>&emsp;&emsp;使用领取了红包的微信账号，通过微信扫一扫功能扫描上方二维码拆红包，每人在好友分享红包的门店仅有一次拆红包机会。<br>&emsp;&emsp;拆红包获得奖品的同时，分享给您红包的朋友将大额积分，积分可通过微信公众号兑换精美礼品。</p>
        </div>
    </div>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript">
        // 轮播
        var swiper = new Swiper('.full2',{
            pagination: '.full2 .pagination',
            paginationClickable: true,
            speed: 1000,
            autoplay: false,
            loop: true
        });

        $(document).on('click','.foodLi',function(){
            $('.pop_bg,.saleBox').show();
        })
        $(document).on('click','.pop_bg,.pop_close',function(){
            $('.pop_bg,.saleBox').hide();
        })
        $(document).on('click','.j_envelope',function(){
            $('.pop_bg,.envelopeBox').show();
        })
        $(document).on('click','.pop_bg,.pop_close',function(){
            $('.pop_bg,.envelopeBox').hide();
        })
    </script>
</body>
</html>